
<html>
<head>
	<meta charset="utf-8">
	<link rel="styleSheet" href="./style.css" type="text/css" media="screen">

	<script src="/webjars/webrtc-adapter/release/adapter.js"></script>
	<script src="./js/conferenceroom.js"></script>
	<script src="./js/participant.js"></script>
	<script src="./js/kurento-utils.js"></script>
</head>
<body>
<div id="container">
	<div id="wrapper">
		<div id="join" class="animate join">
			<h1>加入房间</h1>
			<form onsubmit="register(); return false;" accept-charset="UTF-8">
				<p>
					<input type="text" name="name" value="" id="name"
						   placeholder="用户" required>
				</p>
				<p>
					<input type="text" name="room" value="" id="roomName"
						   placeholder="房间号" required>
				</p>
				<p class="submit">
					<input type="submit" name="commit" value="加入!">
				</p>
			</form>
		</div>
		<div id="room" style="display: none;">
			<h2 id="room-header"></h2>
			<div id="participants"></div>
			<input type="button" id="button-leave" onmouseup="leaveRoom();"
				   value="离开房间">
		</div>
	</div>
</div>
</body>
</html>
